<style>
    /*.tree-folder{*/
        /*clear: both;*/
        /*background: none;*/
    /*}*/
    /*.tree-folder-open{*/
        /*clear: both;*/
        /*background: none;*/
    /*}*/
    /*.fa{*/
        /*margin-top: 3px;*/
    /*}*/
    /*.tree-file{*/
        /*clear: both;*/
        /*background: none;*/
    /*}*/
    .datagrid-cell, .datagrid-cell-group, .datagrid-header-rownumber, .datagrid-cell-rownumber{
        text-overflow: ellipsis;
    }



    td[field=sExcProcess] > .datagrid-cell{
        height: 18px !important;
    }
    td[field=sExcProcess] > .datagrid-cell > .progress{
        /*height: inherit;*/
        margin-top: 3px;
    }

    {{ hideStatecss }}

</style>
{#<div id="mm" style="width:100px;color:#2baab1;display: none">#}
    {#<div  iconCls="fa fa-plus fa-lg fa-fw" style="color:#2baab1;">未开始</div>#}
    {#<div  iconCls="fa fa-plus fa-lg fa-fw" style="color:#2baab1;">开始</div>#}
    {#<div  iconCls="fa fa-plus fa-lg fa-fw" style="color:#2baab1;">延期</div>#}
    {#<div  iconCls="fa fa-plus fa-lg fa-fw" style="color:#2baab1;">临近</div>#}
    {#<div  iconCls="fa fa-plus fa-lg fa-fw" style="color:#2baab1;">按时完成</div>#}
    {#<div  iconCls="fa fa-plus fa-lg fa-fw" style="color:#2baab1;">提前完成</div>#}
    {#<div  iconCls="fa fa-plus fa-lg fa-fw" style="color:#2baab1;">逾期完成</div>#}
{#</div>#}
<script>
    var userId = {{ userId | json_encode }};
</script>
<table style="width: 100%;height: 100%">
    <tbody>
    {% if NavUl is defined %}
        <tr style="height: 67px">
            <td valign="top">{{ NavUl }}</td>
        </tr>
    {% endif %}
    <tr>
        <td id="depTree">
            <div id="depList_toolbar" class="xh-datagrid-toolbar" style="line-height:20px;padding:5px 0 5px 10px;">
                <select id="select_receiveType">
                    <option value="1">未领用</option>
                    <option value="2">已领用</option>
                    <option value="3">未发起</option>
                    <option value='' selected='selected'>领用状态</option>
                </select>
                <select id="select_province"  style="width: 75px" >
                    {% for id,row in provinces %}
                        <option value="{{ row['areaCode'] }}">{{ row['areaName'] }}</option>
                    {% endfor %}
                    <option value='' selected='selected' style="display: none">全部省</option>
                </select>
                <select id="select_city" style="width: 75px;" data-options="multiple:true,">

                    <option value='' selected='selected'>全部市</option>
                </select>
                <select id="select_state">
                    <option value="1">启动</option>
                    <option value="2">未启动</option>
                    <option value="3">暂停</option>
                    <option value='' selected='selected'>计划状态</option>
                </select>
                <select id="select_node">
                    {% for id,text in nodes %}
                        <option value="{{ id }}">{{ text }}</option>
                    {% endfor %}
                    <option value='' selected='selected'>--选择流程节点--</option>
                </select>

                <select id="select_all" style="width: 50px">
                    <option value="1" selected>所有</option>
                    <option value="0" >当前</option>
                </select>

                预计完成时间： <input type="text" style="line-height:30px;width: 100px" id="List_Search_StartTime"/>
                ~ <input type="text" style="line-height:30px;width: 100px" id="List_Search_EndTime"/>
                <select id="select_sort">
                    <option value='' selected='selected'>排序</option>
                    <option value="1" >正序</option>
                    <option value="2">倒序</option>
                </select>

                <select id="select_status">
                    <option value="1">未开始</option>
                    <option value="2">开始</option>
                    <option value="3">延期</option>
                    <option value="4">临近</option>
                    {#<option value="5">按时完成</option>#}
                    {#<option value="6">提前完成</option>#}
                    {#<option value="7">逾期完成</option>#}
                    <option value="8">完成</option>
                    <option value='' selected='selected'>--状态--</option>
                </select>

                {#<br/>#}
                {#<select id="select_excuteDep">#}
                    {#<option value='' selected='selected'>--执行部门--</option>#}
                    {#{% for id,text in exDeps %}#}
                        {##}
                    {#{% endfor %}#}
                {#</select>#}

                <input type="text" style="line-height:30px;" id="list_search"/><a id="bt_list_search" style=" margin-left:10px" plain="true"><i class="fa fa-search fa-lg fa-fw" style="color:#2baab1;"></i>查找</a>
                {% if finish!=1 %}
                {#<a id="bt_list_export" plain="true"><i class="fa fa-file-excel-o fa-lg fa-fw" style="color:#2baab1;"></i>导出</a>#}
                    <div id="mb" plain="true">导出操作</div>

                <div class="datagrid-toolbar" style="margin:3px 0 5px -10px;width:110%;"></div>
                    {% if planConfirm %}
                        <a id="bt_list_confirm" plain="true"><i class="fa fa-lock fa-lg fa-fw" style="color:#2baab1;"></i>确认时间</a>
                        <a id="bt_list_unConfirm" plain="true"><i class="fa fa-unlock fa-lg fa-fw" style="color:#2baab1;"></i>解锁时间</a>
                    {% endif %}
                    {% if planDel %}
                        <a id="bt_list_del" plain="true"><i class="fa fa-trash fa-lg fa-fw" style="color:#2baab1;"></i>删除</a>
                    {% endif %}
                      <a id="bt_list_transList" plain="true"><i class="fa fa-pencil fa-lg fa-fw" style="color:#2baab1;"></i>流转单</a>
                    <div id="bt_list_state" plain="true">计划状态</div>
                    {% if planState %}
                            <div id="bt_node_state" plain="true">节点状态</div>
                        {% else %}
                            <div id="bt_node_state" plain="true" style="display: none">节点状态</div>
                    {% endif %}

                    {% if planEdit %}
                        <div id="bt_node_applyTab" plain="true">领用开关</div>
                    {% endif %}
                    {#<a id="bt_list_teachConfirm" plain="true"><i class="fa fa-book fa-lg fa-fw" style="color:#2baab1;"></i>教辅确认</a>#}
                    {% if applyTab  %}
                        <a id="bt_list_getTablet" plain="true"><i class="fa fa-tablet fa-lg fa-fw" style="color:#2baab1;"></i>平板批量申领</a>
                        <a id="bt_list_getStuTablet" plain="true"><i class="fa fa-tablet fa-lg fa-fw" style="color:#2baab1;"></i>平板补充申领</a>
                        <a id="bt_list_seeApplyTablet" plain="true"><i class="fa fa-tablet fa-lg fa-fw" style="color:#2baab1;"></i>查看平板出入</a>
                    {% endif %}
                    {% if alterCharger  %}
                        <div id="alterCharger" plain="true">项目负责人</div>
                        {#<a id="bt_list_alterCharger" plain="true"><i class="fa fa-user fa-lg fa-fw" style="color:#2baab1;"></i>变更总负责人</a>#}
                        {#<a id="bt_list_alterChargerLog" plain="true"><i class="fa fa-eye fa-lg fa-fw" style="color:#2baab1;"></i>变更总负责人记录</a>#}
                    {% endif %}

                {% endif %}
                {% if finish == 1 %}
                    <div class="datagrid-toolbar" style="margin:3px 0 5px -10px;width:110%;"></div>
                    <a id="bt_list_transList" plain="true"><i class="fa fa-pencil fa-lg fa-fw" style="color:#2baab1;"></i>流转单</a>
                {% endif %}
            </div>

            {#为避免2次请求 将class="easyui-treegrid"去除 #}
            <table id="planList"  style="height: 100%"
                   data-options="
                url: '{{ url('bpm/plan/getPlan?iBPPId=')~iBPPId~'&iCUId='~iCUId~'&finish='~finish }}',
                method: 'post',
                rownumbers: true,
                idField: 'keyId',
                treeField: 'name',
                singleSelect:true,
                pagination: true,
                showFooter: true,
                {#checkOnSelect: false,#}
                pageSize:20,
                "  toolbar="#depList_toolbar">

                <thead data-options="frozen:true">
                    <tr>
                        <th data-options="field:'ck',checkbox:true"></th>
                        <th data-options="field:'bApplyTab'" width="20" hidden>bApplyTab</th>
                        <th data-options="field:'keyId'" width="20" hidden>keyId</th>
                        <th data-options="field:'type'" width="20" align="left" hidden>类型</th>
                        <th data-options="field:'iCUId'" width="20" align="left" hidden>iCUId</th>
                        <th data-options="field:'realId'" width="20" align="left" hidden>realId</th>
                        <th data-options="field:'iChargeId'" width="100" align="left" hidden></th>
                        <th data-options="field:'file'" width="25" align="left" >#</th>
                        <th data-options="field:'iState'" width="25" align="left" >#</th>
                        <th data-options="field:'lock'" width="40" align="left" >##</th>
                        <th data-options="field:'iSchoolId'" width="40" align="center">ID</th>
                        <th data-options="field:'name'" width="190" align="left" sortable="true">名称</th>
                    </tr>
                </thead>
                <thead>
                <tr>
                    <th data-options="field:'tPlanDate'" width="95" align="left">预计完成时间</th>
                    <th data-options="field:'tRealDate'" width="95" align="left">实际完成时间</th>
                    <th data-options="field:'sExcProcess'" width="80" align="left">执行进度</th>
                    <th data-options="field:'sChargeName'" width="140" align="left">总负责人/负责人</th>
                    <th data-options="field:'sQueDesc'" width="120" align="left">问题描述</th>
                    <th data-options="field:'sSolution'" width="120" align="left">应对方案</th>
                    <th data-options="field:'mDesc'" width="120" align="left">备注</th>
                    <th data-options="field:'sExcuteDeps'" width="80" align="left" >实施部门</th>
                    <th data-options="field:'sRelatDeps'" width="120" align="left">相关部门</th>
                    <th data-options="field:'tLastModifyDate'" width="150px" align="center" sortable="true">最后修改时间</th>
                    <th data-options="field:'iLastModifyUserId'" width="100px" align="left">最后修改用户</th>
                    <th data-options="field:'tStartTime'" width="80" align="left" sortable="true">发起时间</th>
                    <th data-options="field:'tCreateDate'" width="150px" align="center">创建时间</th>
                    <th data-options="field:'iCreateUserId'" width="100px" align="left">创建用户</th>

                </tr>
                </thead>
            </table>
        </td>
    </tr>
    </tbody>
</table>
<div id="mm" style="width:100px;color:#2baab1;display: none">
        <div  iconCls="fa fa-play fa-sm fa-fw" style="color:#2baab1;">启动</div>
        <div  iconCls="fa fa-circle fa-sm fa-fw" style="color:grey;">未启动</div>
        <div  iconCls="fa fa-pause fa-sm fa-fw" style="color:red;">暂停</div>
        {% if finishPower %}
        <div  iconCls="fa fa-hand-o-down fa-sm fa-fw" style="color:green;">一键完成</div>
        {% endif %}
</div>
<div id="mm1" style="width:100px;color:#2baab1;display: none">
    <div  iconCls="fa fa-check fa-sm fa-fw" style="color:#2baab1;">已完成</div>
    <div  iconCls="fa fa-check fa-sm fa-fw" style="color:grey;">未完成</div>
</div>

<div id="mm2" style="width:150px;display:none;">
    <div data-options="iconCls:'fa fa-file-excel-o'" style="color:#2baab1;">导出流程计划</div>
    <div data-options="iconCls:'fa fa-file-excel-o'" style="color:#2baab1;">导出流转单</div>
</div>

<div id="mm3" style="width:150px;display:none;">
    <div data-options="iconCls:'fa fa-check'" style="color:red;">关闭平板领用</div>
    <div data-options="iconCls:'fa fa-close'" style="color:#2baab1;">开启平板领用</div>
</div>
<div id="mm4" style="width:100px;color:#2baab1;display: none">
    <div id="bt_list_alterCharger" data-options="iconCls:'fa fa-user'">变更负责人</div>
    <div id="bt_list_alterChargerLog" data-options="iconCls:'fa fa-eye'">变更记录</div>
</div>